<script setup lang="ts">
import { ref, defineAsyncComponent } from 'vue';
import useStore from '@/store';
import { storeToRefs } from 'pinia';
const commentBar = defineAsyncComponent(() => import("@/components/CommentBar.vue"));
const { comments } = useStore();
const { supList } = storeToRefs(comments);
const dialogBoxVisible = ref(false);
defineExpose({
	dialogBoxVisible,
});
</script>

<template>
	<el-dialog v-model="dialogBoxVisible" title="查看评论">
		<div style="height: 55vh;">
			<el-scrollbar>
				<template v-for="(item, index) in supList">
					<comment-bar :prime="false" :idx="index">
					</comment-bar>
				</template>
			</el-scrollbar>
		</div>
	</el-dialog>
</template>

<style lang="scss" scoped>
</style>
